<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LOGIN</title>
    <style>
        body{
            padding: 0px;
            margin: 0px;
            height: 100%;width: 100%;
        }
        .denglu {
            padding: 0px;
            margin: 0px;
            background-image: url("../../static/images/bg.png");
            width: 100%;
            height: 680px;
            background-size: cover;
            background-repeat: no-repeat;
        }
        #sign_content{
           width: 400px;
           height:500px;
           padding-top: 40px;
           margin-left: 1000px;
           padding-bottom: 200px;
           border: 1px #775C5C solid;
           background-color: #fff;
          }
        .submit_button_{
            height: 36px;
            width: 200px;
            border-radius: 3%;
            font-size: 20px;
            background: none;
            margin-top: 20px;
        }
        .submit_button_ :hover {
            cursor: pointer;
        }
        </style>
</head>
<body>
{% include 'head_login.html' %}
    <div class="denglu">
        <br><br><br><br><br><br>
        <div id="sign_content">    
            <form method="post">
                {% csrf_token %}
            <div style="font-size: 30px;color: #807878; margin-left: 100px;margin-top: 10px; width: 300px;font-weight: 600;" > &nbsp;统一身份认证<br><span style="font-size: 15px;padding-left: 40px;">馆藏书目检索系统</span></div>
            <img src="../../static/images/person.jpg" width="20" height="20" alt="" style="margin-left: 80px;"/>
            <input type="text" name = "username" value="" style="height: 36px;width: 200px; border-radius: 3%; font-size: 20px;background: none;margin-top: 10px;margin-left: 0px;">
            <span id="niy" style="color: red;"></span><br>
            <img src="../../static/images/1835675.jpg" width="20" height="20" alt="" style="margin-left: 80px;"/>
            <input type="password" class = "submit_button_" name="password" value="">
            <span id="ni" style="color: red;"></span>
            <input type="submit" class = "submit_button_" value="登录" style="border:1px #735c5d solid; margin-left: 130px;margin-top: 40px; background-color:#556ae4;border-radius: 5%;width: 150px;height:50px;color: white;font-size: 17px;">
            <a href="{% url 'sign_up' %}" style="text-decoration: none;"><div style="line-height: 50px;border:1px #735c5d solid; margin-left: 130px;margin-top: 20px; background-color:#556ae4;border-radius: 5%;text-align:center;width: 150px;height:50px;color: white;font-size: 17px;" >激活用户</div></a>
          </form>
          </div>
        </div>
    </div>
{% include 'bottom.html' %}
</body>
</html>{% if messages %}
    <script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}
    </script>
{% endif %}